/* asi son los comentarios */

/* CSS General */
* {
        padding:0;
        margin:0;
}

body {
        font-size: 76%;
        font-family: arial;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
}

img {
       /* border-width: 0;*/
}

a {
        outline-style: none;
}

#header, #content, #calendario{
        margin-right: 20%;
        margin-left: 2%;
        font-size: 15px;
        width: 63%;
}

#header {
	background-color: #fff;
	color: #000738;
	margin-bottom: 10px;
	height: 10%;
}

#content{
	color: #000738;
}

/* Resultados */
.resultados{
		margin-right: 20%;
		margin-left: 2%;
		margin-top: 2%;
		padding: 20;
        margin-bottom: 5%;
}

.resultados #titulo h1{
        font-size: 18px;
		padding-bottom: 3px;
        margin-bottom: 5px;
}


.autocompletado{
	font-style: italic;
}

#home {
	font-size: 16px;
}

#home p {
	font-size: 20px
}

#home ul {
	margin-right: 20%;
	margin-left: 2%;
}

#home ul li.subitem {
	font-size: 12px;
	margin-left: 10px;
}

/* Navigation Bar */
#nav{
        font-size: 15px;
        background-color: #191970;
        width: 100%;
        height: 28px;
        margin: 0 auto;
        text-align: left;
        position: fixed;
        bottom: 26px;
        z-index: 99;
}
		
		#nav ul{
			list-style-type: none;
			padding-left: 25px;
		}
		
		#nav ul li {
			display: inline-block;
			padding: 0 auto;
			color: #fff;
		}

		#nav ul li a {
			float:left;
			text-decoration: none;
			background-color: #191970;
			color: #fff;
			margin: 0 auto;
			padding: 5px 25px 5px 5px;
			-moz-transition-property: background-color, color;
			-moz-transition-duration:.5s;
			-moz-transition-timing-function:ease, linear;
		}

		#nav a:link {
				color: #fff;
		}
		
		#nav a:selection {
			color: #fff;
			background:#ff4500;
			padding: 5px 25px 5px 5px;
			font-weight: bold;
		}
		
		#nav a:active {
			color: #fff;
			background:#FFA500;
			padding: 5px 25px 5px 5px;
			font-weight: bold;
		}

		#nav a:hover, #nav a:focus {
			color: #fff;
			background:#0387DC;
			padding: 5px 25px 5px 5px;
			font-weight: bold;
		}
		
		#nav .active {
			color: #fff;
			background:#FFA500;
			padding: 5px 25px 5px 5px;
			font-weight: bold;
		}

#footer, #sidebar {
        position:fixed;
        width: 30%; 
        padding: 10px;
        margin-left: 10px;
        text-align: left;
        right: 0;
        font-weight: bold;

}

/* Sidebar */
#sidebar{
    font-size: 15px;
	background-color: #191970;
	text-align: left;
	position: fixed;
    padding: 0;
    padding: 3px;
    margin:  3px;
    border-radius: 5px;
}

        #sidebar ul{
            list-style-type: none;
		}

        #sidebar a {
			display: block;
			color: #fff;
			padding: 3px;
            margin:  3px;
			background-color: #191970;
            margin:1px 0;
            text-align:left;
            text-decoration:none;
            -moz-transition-property: width, padding, background-color, color;
			-moz-transition-duration:.3s; 
			-moz-transition-timing-function:ease, ease, linear, linear;
}

		#sidebar a:hover {
			color: #FF0000;
			float: none;
            padding:6px;
            background-color:#0387DC;
            border-radius: 5px;
		}

		#sidebar a:active {
			color: #fff;
		}

		#sidebar a:link	{
			text-decoration: none;
			color: #fff;
		}
		
		#sidebar a:visited{
			color: none;
		}

/* Footer */        
.footer{
	font-size: 8px;
	background-color: #FFA500;
	color: #ffeba7;
	bottom: 55px;
	height: 100px;
    width: 120px;
}

.footer #reloj {
      font-size: 23px;
      color: #fff;
      margin-bottom: 30px;
      bottom: 3px;
      height: 3px;
      background-color: #FFA500;
}


/* CSS para las tablas */

*
{
    border: 20;
	margin: 20;
	padding: 20;
}

table 
{
	margin: 20;
	padding: 20;
	text-align: left;
	border-spacing: 20px;
	border: 1px solid #aeb3b6;
	border-collapse: collapse;
	
}

table #dato {
  font-size: 25px;
}


table a, table, tbody, tfoot, tr, th, td 
{
	font-family: monospace;
        line-height: 2.0em;
	font-size: 13px;
	color: #55595c;
}
tbody td{
	line-height: 2.5em;
}

table caption
{
	padding: .4em 0 ;
	font-size: 240%;
	font-style: normal;
	color: #FB7E00;
}

table a
{
	display: block;
	text-decoration: none;
	color: #FF8E53;
	padding-right: 1.5em;
	
}

table a:hover, table a:focus
{
    text-decoration: underline;
}


table th
{
	background-color: #FFA500;
	color: #FF8E53;
	text-align: center;
    font-weight: bolder;
    font-size: 14px;
}

table th a
{
	background-color: #FFA500;
	color: #FF8E53;
	text-align: right;
}
table .odd th a,table .odd td a,table .odd td{
	background-color: #FFA500;
	color: #666;
	padding-right: 1.0 em;
}

table th a:hover, table th a:focus, tbody tr:hover th
{   
    background-color: #FFA500;
	color: #fff !important;
}
table .odd th,table .odd td{
	background-color: #FFA500;
}

thead th
{
	background-color: #FFA500;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color: #fff;
	
}
tfoot{
	background-image: url(verlauf_schwarz.gif);
	border-top: 1px solid #fff;
	
	
}
tfoot th,tfoot td{
	color: #fff;
}
/* Esto es lo modificado*/ 
tbody th {
    padding-right: 1.0em;
	color: #fff;
	font-style: normal;
	background-color: #FFA500;
	border-bottom: 1px dotted #aeb3b6;
}
/*hasta aca*/ 


td {
    color: #FF8E1C;
	border-bottom: 1px dotted #aeb3b6;
	padding-right: 0.5em;
	
}

tbody tr.odd
{
	border-bottom: 1px dotted #aeb3b6;
}

tbody tr:hover td
{
        background-color: #191970;
}

tbody tr:hover td,tbody tr:hover th, tbody tr:hover a
{
	color: #fff !important;
}




/* Para el autocompetado */
.suggestionsBox {
        font-weight: bold;
	font-size: 12px;
	position: relative;
	left: 30px;
	margin: 10px 0px 0px 0px;
	width: 300px;
	background-color: #610B0B;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #fff;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

.suggestionList li:hover {
	background-color: #659CD8;
}
